<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
		<meta name="author" content="Coderthemes">

		<link rel="shortcut icon" href="../HTML/assets/images/favicon_1.ico">

		<title>Ubold - Documentation</title>

		<link href="../HTML/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="../HTML/assets/css/core.css" rel="stylesheet" type="text/css" />
        <link href="../HTML/assets/css/components.css" rel="stylesheet" type="text/css" />
        <link href="../HTML/assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="../HTML/assets/css/pages.css" rel="stylesheet" type="text/css" />
        <link href="../HTML/assets/css/responsive.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

        <script src="../HTML/assets/js/modernizr.min.js"></script>

	</head>

	<body class="fixed-left">

		<!-- Begin page -->
		<div id="wrapper">

            <!-- Top Bar Start -->
            <div class="topbar">

                <!-- LOGO -->
                <div class="topbar-left">
                    <div class="text-center">
                        <a href="index.html" class="logo"><i class="icon-magnet icon-c-logo"></i><span>Ub<i class="md md-album"></i>ld</span></a>
                    </div>
                </div>

                <!-- Button mobile view to collapse sidebar menu -->
                <div class="navbar navbar-default" role="navigation">
                    <div class="container">

                    </div>
                </div>
            </div>
            <!-- Top Bar End -->


            <!-- ========== Left Sidebar Start ========== -->

            <div class="left side-menu">
                <div class="sidebar-inner">
                    <!--- Divider -->
                    <div id="sidebar-menu">
                        <ul>

                        	<li class="text-muted menu-title">Introduction</li>

                            <li><a href="#folder-structure"><i class="ti-folder"></i> <span> Folder Structure </span> </a></li>
                            <li><a href="#bootstrap"><i class="fa fa-bold"></i> <span> Bootstrap </span> </a></li>


                            <li class="text-muted menu-title">Structure</li>
                            <li><a href="#html"><i class="ti-file"></i> HTML</a></li>
                            <li><a href="#cssless"><i class="ti-file"></i> CSS &amp; Less</a></li>
                            <li><a href="#js"><i class="ti-file"></i> JavaScript</a></li>

                            <li class="text-muted menu-title">Other</li>
                            <li><a href="#helpers"><i class="ti-info-alt"></i> Helper Classes</a></li>
                            <li><a href="#credits"><i class="ti-angle-right"></i> Credits</a></li>

                            <li class="text-muted menu-title">Support &amp; Change log</li>
                            <li><a href="#support"><i class="ti-help-alt"></i> Support</a></li>
                            <li><a href="#changelog"><i class="ti-agenda"></i> Change log</a></li>

                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
			<!-- Left Sidebar End -->

			<!-- ============================================================== -->
			<!-- Start right Content here -->
			<!-- ============================================================== -->
			<div class="content-page">
				<!-- Start content -->
				<div class="content">
					<div class="container">

						<!-- Page-Title -->
						<div class="row">
							<div class="col-sm-12">
                                <div class="p-30">

                                    <div class="text-center">
                                        <h3>
                                            Thank you for purchasing <span class="text-custom">UBOLD</span> theme!
                                        </h3>

                                        <p class="text-muted m-b-30">
                                            If you have any questions that are beyond the scope of this documentation,
                                            please feel free to email or contact us via my page.
                                        </p>
                                    </div>

                                    <div class="row">
                                        <div class="col-sm-12">
                                            <p>

                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
						</div>

                        <div class="row">
							<div class="col-sm-12">
                                <div class="card-box">
                                    <div class="container-alt m-t-40">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <h3 class="m-t-0"><b>Introduction</b></h3>

                                                <p class="m-t-20">
                                                    Ubold is a fully featured premium admin template built on top of awesome Bootstrap 3.3.5, modern web technology HTML5,
                                                    CSS3 and jQuery. It has many ready to use hand crafted components.
                                                    The theme is fully responsive and easy to customize. The code is super easy to understand and gives power to any developer
                                                        to turn this theme into real web application.
                                                </p>
                                                <p>We really care for our buyers and so in case if you have any question or feedback, please feel free to get back to us.</p>
                                            </div>
                                        </div>

                                        <div class="row m-t-30">
                                            <div class="col-sm-12">
                                                <h3 class="m-t-0" id="folder-structure"><b>Folder Structure</b></h3>

                                                <p class="m-t-20">
                                                    I have tried to follow the standards and modular structure while developing the theme.
                                                    Let's take a look at the package structure:
                                                </p>

                                                <pre class="prettyprint">
        <i class="ti-folder"></i> HTML/
        ├── <i class="ti-folder"></i> assets/
        │   └── css/
        │       └── All css files
        │   └── fonts/
        │       └── All font related files
        │   └── js/
        │       └── All javascript files
        │   └── images
        │       └── All images
        │   └── less
        │       └── All less files
        │   └── pages
        │       └── theme pages related files
        │   └── plugins
        │       └── third party plugin (which are being used in theme)
        ├── <i class="ti-folder"></i> email-templates
        │   └── Some of email templates
        └── *.html
            └── html files

        <i class="ti-folder"></i> Documentation/
            └── index.html - Index file for documentation.
    </pre>

                                                <p class="text-primary">
                                                        <strong>Heads up! </strong>
                                                        Please note that if you would like to compile the LessCSS files, you will just have to use your own compiling method.
                                                        I haven't included the files for the automated build flow in this version. It's currently under development and I have planned to release it next update.
                                                        Also the less structure is required some more changes. In case if you have any suggestion on this, please contact me. I'll appreciate your valuable suggestion and feedback.

                                                </p>
                                            </div>
                                        </div>


                                        <div class="row m-t-30 m-b-20">
                                            <div class="col-sm-12">
                                                <h3 class="m-t-0" id="bootstrap"><b>Bootstrap</b></h3>

                                                <p class="m-t-20">
                                                    Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
                                                    Please visit the <a href="http://getbootstrap.com/">official site</a> if you are not familiar with it.

                                                    <strong>Ubold</strong> uses the bootstrap at a base and on top of it, the layout and some components are built. In order to have our own look and feel, I have overrided most of the styles of bootstrap.
                                                    Note that currently the less files are not taking advanatge of bootstrap's less stucture. It will be provided in next release.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
						</div>


                        <div class="row">
							<div class="col-sm-12">
                                <div class="card-box">
                                    <div class="container-alt m-t-40">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <h3 class="m-t-0" id="html"><b>HTML</b></h3>

                                                <p class="m-t-20">
                                                    Ubold is having a common layout which can be used to create web application very easily. The html is well written and easy to understand. I have tried to follow bootstrap conventions at most of the place.
                                                </p>
                                                <p>Let's take a quick look at the generic HTML structure</p>

                                                <iframe src="html_str.html" width="100%" height="1040" style="border: none"></iframe>
                                            </div>
                                        </div>


                                        <div class="row m-b-30">
                                            <div class="col-sm-12">
                                                <h3 class="m-t-0" id="cssless"><b>CSS & Less</b></h3>

                                                <p class="m-t-20">
                                                    Less is a CSS pre-processor and it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable. Less runs inside Node, in the browser and inside Rhino.
                                                </p>
                                                <p>
                                                    All the css files are pre-compiled using less compiler and provided inside the <code>assets/css/</code> folder. In case if you are not familiar with less or
                                                    don't have any environment setup which can be used to compile the less files, then you can use these CSS files directly.
                                                    But if you are familiar with less, then I'll suggest you to use the less files.
                                                </p>
                                                <p>Files are explained below: </p>

                                                <table class="table table-bordered m-0">
													<thead>
														<tr>
															<th style="width: 20%;"><i class="ti-file"></i> File</th>
															<th>Description</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td>
                                                                <code>bootstrap.css</code>
                                                            </td>
                                                            <td>
                                                                Ubold uses the bootstrap v3.3.5. The core bootstrap file is being used in all the pages.
                                                            </td>
														</tr>
                                                        <tr>
															<td>
                                                                <code>elements.less</code>
                                                            </td>
                                                            <td>
                                                                This file is containing some of the utility functions or mixins for less. This file is from Joel Sutherland.
                                                            </td>
														</tr>

                                                        <tr>
															<td>
                                                                <code>core.less</code>/<code>core.css</code>
                                                            </td>
                                                            <td>
                                                                This file is containing all common styles for all the pages.
                                                            </td>
														</tr>

                                                        <tr>
															<td>
                                                                <code>pages.less</code>/<code>pages.css</code>
                                                            </td>
                                                            <td>
                                                                Pages contains the styles for all supported third-party JS/CSS plugins. It has overwritten version of styles.
                                                            </td>
														</tr>

                                                        <tr>
															<td>
                                                                <code>components.less</code>/<code>components.css</code>
                                                            </td>
                                                            <td>
                                                                This is the one of the core and important file. It contains the styles for all the components, ui elements, and some other parts of the theme.
                                                            </td>
														</tr>

                                                        <tr>
															<td>
                                                                <code>responsive.less</code>/<code>responsive.css</code>
                                                            </td>
                                                            <td>
                                                                This file is containing the styles related to responsiveness support.
                                                            </td>
														</tr>

                                                         <tr>
															<td>
                                                                <code>icons.less</code>/<code>icons.css</code>
                                                            </td>
                                                            <td>
                                                                Combines various font icons. You should remove the fonts you don't plan to use from this file and recompile it.
                                                            </td>
														</tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        <div class="row m-t-30 m-b-30">
                                            <div class="col-sm-12">
                                                <h3 class="m-t-0" id="js"><b>Javascript</b></h3>

                                                <p class="m-t-20">
                                                    Ubold uses jQuery, Bootstrap JS framework(at its core) and some of the third-party plugins. There are may more third party plugin which you can use according to your needs. The css is already containing matching style for these plugins so you will not need to do anything around it.
                                                </p>

                                                <p>Files are explained below: </p>

                                                <table class="table table-bordered m-0">
													<thead>
														<tr>
															<th style="width: 20%;"><i class="ti-file"></i> File</th>
															<th>Description</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td>
                                                                <code>jquery.js</code>, <code>bootstrap.js</code>,
                                                                <code>jquery.nicescroll</code>, <code>jquery.slimscroll</code>, etc.
                                                                <!-- TODO -->

                                                            </td>
                                                            <td>
                                                                These files are used at core of the theme.
                                                            </td>
														</tr>
                                                        <tr>
															<td>
                                                                <code>jquery.app.js</code>
                                                            </td>
                                                            <td>
                                                                This is a main js file. It contains the custom JS code needed for features including
                                                                layout, sidebar, etc.
                                                            </td>
														</tr>

                                                        <tr>
															<td>
                                                                <code>jquery.core.js</code>
                                                            </td>
                                                            <td>
                                                                This file contains the definition of some of the key components (e.g. notifications, portlet, etc) and code
                                                                (for self-initialization) related to some of the controls (e.g. modal, range-slider, switchery, multiselect, etc)
                                                            </td>
														</tr>

                                                        <tr>
															<td>
                                                                <code>pages/*.js</code>
                                                            </td>
                                                            <td>
                                                                These are the files containing pages specific code. They are mainly used for demo purpose.
                                                            </td>
														</tr>

                                                        <tr>
															<td>
                                                                <code>plugins/**.js</code>
                                                            </td>
                                                            <td>
                                                                All supported and integrated third-party plugins are included in here.
                                                            </td>
														</tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
						</div>

                        <div class="row">
							<div class="col-sm-12">
                                <div class="card-box">
                                    <div class="container-alt m-t-40">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <h3 class="m-t-0" id="helpers"><b>Helper Classes</b></h3>

                                                <p class="m-t-20">
                                                    Ubold comes with various built in classes which are very useful. They are described below:
                                                </p>

                                                <table class="table table-bordered m-0">
                                                    <thead>
                                                    <tr>
                                                        <th>Class</th>
                                                        <th>Description</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr>
                                                        <td><b>.p-0</b>
                                                        </td>
                                                        <td>Removes all padding space</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.p-20</b>
                                                        </td>
                                                        <td>Adds 20px padding</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.p-30</b>
                                                        </td>
                                                        <td>Adds 30px padding</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.p-t-0</b></td>
                                                        <td>Remove top padding</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.p-t-10</b></td>
                                                        <td>Adds 10px top padding</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.p-b-10</b></td>
                                                        <td>Adds 10px bottom padding</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.p-l-0</b></td>
                                                        <td>Remove left 0px padding</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.p-r-0</b></td>
                                                        <td>Remove right 0px padding</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.p-l-r-10</b></td>
                                                        <td>Adds 10px left and right padding</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-0</b></td>
                                                        <td>Remove all margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-r-5</b></td>
                                                        <td>Adds 5px right margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-r-10</b></td>
                                                        <td>Adds 10px right margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-r-15</b></td>
                                                        <td>Adds 15px right margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-l-10</b></td>
                                                        <td>Adds 10px left margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-l-15</b></td>
                                                        <td>Adds 15px left margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-t-0</b></td>
                                                        <td>Remove top margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-t-10</b></td>
                                                        <td>Adds 10px top margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-t-15</b></td>
                                                        <td>Adds 15px top margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-t-20</b></td>
                                                        <td>Adds 20px top margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-t-30</b></td>
                                                        <td>Adds 30px top margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-t-40</b></td>
                                                        <td>Adds 40px top margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-b-0</b></td>
                                                        <td>Remove bottom margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-b-10</b></td>
                                                        <td>Adds 10px bottom margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-b-15</b></td>
                                                        <td>Adds 15px bottom margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-b-30</b></td>
                                                        <td>Adds 30px bottom margin</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.w-xs</b></td>
                                                        <td>Minimum width 80px</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.w-sm</b></td>
                                                        <td>Minimum width 95px</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.w-md</b></td>
                                                        <td>Minimum width 110px</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.w-lg</b></td>
                                                        <td>Minimum width 140px</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.b-0</b></td>
                                                        <td>Removes all borders</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.w-xs</b></td>
                                                        <td>minimum width 80px</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.w-sm</b></td>
                                                        <td>minimum width 95px</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.w-md</b></td>
                                                        <td>minimum width 110px</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.w-lg</b></td>
                                                        <td>minimum width 140px</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-h-40</b></td>
                                                        <td>minimum height 40px</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.m-h-50</b></td>
                                                        <td>minimum height 50px</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.font-normal</b></td>
                                                        <td>font normal</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.font-600</b></td>
                                                        <td>font weight 600</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.font-bold</b></td>
                                                        <td>font weight 700</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.font-light</b></td>
                                                        <td>font weight 300</td>
                                                    </tr>

                                                    <tr>
                                                        <td><b>.font-13</b></td>
                                                        <td>font size 13px</td>
                                                    </tr>

                                                    

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        <div class="row m-t-30">
                                            <div class="col-sm-12">
                                                <h3 class="m-t-0" id="credits"><b>Credits</b></h3>

                                                <p class="m-t-20">
                                                    I've used the following resources as listed. May thanks to all the authors and awesome open source community.
                                                </p>

                                                <ul class="">
                                                    <li><a href="http://getbootstrap.com/">Bootstrap</a></li>
                                                    <li><a href="https://jquery.com/">Jquery</a></li>
                                                    <li><a href="http://fortawesome.github.io/Font-Awesome/">Font-Awesome</a>
                                                    </li>
                                                    <li><a href="http://ionicons.com/">Ionicons</a></li>
                                                    <li><a href="http://daneden.github.io/animate.css/">Animate.css</a>
                                                    </li>
                                                    <li><a href="https://github.com/matthieua/WOW">Wow.js</a></li>
                                                    <li><a href="http://tristanedwards.me/sweetalert">Sweet-Alert</a>
                                                    </li>
                                                    <li><a href="http://www.codrops.com">Codrops</a></li>
                                                    <li><a href="http://dbushell.com/">Nestable</a></li>
                                                    <li><a href="http://areaaperta.com/nicescroll/">Nicescroll</a></li>
                                                    <li><a href="http://arshaw.com/fullcalendar/">Full Calendar</a></li>
                                                    <li><a href="http://jqueryvalidation.org/">Form Validator</a></li>
                                                    <li><a href="https://github.com/xoxco/jQuery-Tags-Input">Tags
                                                        Input</a></li>
                                                    <li><a href="http://simontabor.com/labs/toggles">Toggels</a></li>
                                                    <li><a href="http://jdewit.github.com/bootstrap-timepicker">Bootstrap-timepicker</a>
                                                    </li>
                                                    <li><a href="http://www.eyecon.ro/bootstrap-colorpicker">Bootstrap
                                                        Colorpicker</a></li>
                                                    <li><a href="http://loudev.com/">Multi-select</a></li>
                                                    <li><a href="https://select2.github.io/">Select2</a></li>
                                                    <li><a href="http://bootstrapvalidator.com">Bootstrapvalidator</a>
                                                    </li>
                                                    <li><a href="http://www.jquery-steps.com">Jquery-steps</a></li>
                                                    <li><a href="https://github.com/xing/wysihtml5">Wysihtml5</a></li>
                                                    <li>
                                                        <a href="https://github.com/summernote/summernote">Summernote</a>
                                                    </li>
                                                    <li><a href="https://codemirror.net/">Codemirror</a></li>
                                                    <li><a href="http://www.dropzonejs.com/">Dropzonejs</a></li>
                                                    <li><a href="https://github.com/fengyuanchen/cropper">Cropper</a>
                                                    </li>
                                                    <li><a href="https://www.datatables.net">Datatables</a></li>
                                                    <li><a href="http://morrisjs.github.io/morris.js/">Morris</a></li>
                                                    <li><a href="http://chartjs.org/">Chartjs</a></li>
                                                    <li><a href="http://c3js.org/">C3 Chart</a></li>
                                                    <li><a href="http://omnipotent.net/jquery.sparkline/">Sparkline</a>
                                                    </li>
                                                    <li>
                                                        <a href="https://github.com/aterrien/jQuery-Knob">JQuery-Knob</a>
                                                    </li>
                                                    <li><a href="http://robert-fleischmann.de">Robert-fleischmann</a>
                                                    </li>
                                                    <li><a href="https://hpneo.github.io/gmaps/">Gmaps</a></li>
                                                    <li><a href="http://jqvmap.com">Vector Maps</a></li>
                                                    <li><a href="http://uifaces.com/">Uifaces (images)</a></li>
                                                    <li><a href="https://unsplash.com/">Unsplash (images)</a></li>

                                                    <li><a href="http://www.flotcharts.org/">Flot-charts</a></li>
                                                    <li><a href="http://code.shutterstock.com/rickshaw/">Rickshaw</a>
                                                    </li>

                                                    <li><a href="https://github.com/dixso/custombox"> Custombox</a></li>
                                                    <li><a href="http://owlgraphic.com/owlcarousel/"> Owl carousel</a></li>
                                                    <li><a href="https://github.com/seiyria/bootstrap-slider"> Bootstrap Range slider</a></li>
                                                    <li><a href="https://themify.me/themify-icons">Themify-icons</a></li>
                                                    <li><a href="https://erikflowers.github.io/weather-icons/"> Weather icons</a></li>
                                                    <li><a href="https://github.com/abpetkov/switchery"> Switchery</a></li>
                                                    <li><a href="https://github.com/silviomoreto/bootstrap-select"> Bootstrap select</a></li>
                                                    <li><a href="https://github.com/markusslima/bootstrap-filestyle"> Bootstrap filestyle</a></li>
                                                    <li><a href="https://github.com/istvan-ujjmeszaros/bootstrap-touchspin"> Bootstrap Touchspin</a></li>
                                                    <li><a href="https://github.com/mimo84/bootstrap-maxlength/"> Bootstrap maxlength</a></li>
                                                    <li><a href="http://1000hz.github.io/bootstrap-validator/">Bootstrap-validator</a></li>
                                                    <li><a href="https://github.com/dangrossman/bootstrap-daterangepicker">Bootstrap-daterangepicker</a></li>
                                                    <li><a href="https://github.com/weareoutman/clockpicker">Clockpicker</a></li>
                                                    <li><a href="https://github.com/BobKnothe/autoNumeric">AutoNumeric</a></li>
                                                    <li><a href="http://www.tinymce.com/">Wysiwig Editor</a></li>
                                                    <li><a href="https://github.com/fengyuanchen/cropper">Cropper</a></li>
                                                    <li><a href="http://fooplugins.com/plugins/footable-jquery/">Footable</a></li>
                                                    <li><a href="https://github.com/wenzhixin/bootstrap-table-examples"> Bootstrap tables</a></li>
                                                    <li><a href="https://gionkunz.github.io/chartist-js/"> Chartist chart</a></li>
                                                    <li><a href="http://nvd3.org/"> Nvd3 chart</a></li>
                                                    <li><a href="https://github.com/pguso/jquery-plugin-circliful">Jquery-circliful</a></li>
                                                    <li><a href="https://unsplash.com/"> Images</a></li>
                                                    <li><a href="http://uifaces.com/"> Avatar Images</a></li>
                                                    
                                                </ul>
                                            </div>
                                        </div>

                                        <div class="row m-t-30" id="support">
                                            <div class="col-sm-12">
                                                <h3 class="m-t-0"><b>Support</b></h3>

                                                <p class="m-t-20">
                                                    Once again thank you for your purchase. I'll be happy to answer the the questions you have related to the theme.
                                                    In case if you have any suggestion or feature, request please feel free to contact me, I'll try to implement it and will release as part of future updates.
                                                </p>

                                                <p>
                                                    Stay Awesome!
                                                </p>
                                                <p class="text-primary">
                                                    - <strong>Coderthemes</strong>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row" id="changelog">
                            <div class="col-sm-12">
                                <div class="card-box">
                                    <div class="container-alt">
                                        <div class="row m-t-10">
                                            <div class="col-sm-12">
                                                <h3 class="m-t-0"><b>Change Log</b></h3>

                                                <p class="m-t-20">
                                                    <strong>v1.0 (November 1, 2015)</strong>
                                                </p>
                                                <ul>
                                                    <li>
                                                        First version released
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>









                    </div> <!-- container -->
                               
                </div> <!-- content -->

                <footer class="footer">
                    2015 © Ubold.
                </footer>

            </div>
            <!-- ============================================================== -->
            <!-- End Right content here -->
            <!-- ============================================================== -->


            <!-- Right Sidebar -->
            <div class="side-bar right-bar nicescroll">
                <h4 class="text-center">Chat</h4>
                <div class="contact-list nicescroll">
                    <ul class="list-group contacts-list">
                        <li class="list-group-item">
                            <a href="#">
                                <div class="avatar">
                                    <img src="../HTML/assets/images/users/avatar-1.jpg" alt="">
                                </div>
                                <span class="name">Chadengle</span>
                                <i class="fa fa-circle online"></i>
                            </a>
                            <span class="clearfix"></span>
                        </li>
                        <li class="list-group-item">
                            <a href="#">
                                <div class="avatar">
                                    <img src="../HTML/assets/images/users/avatar-2.jpg" alt="">
                                </div>
                                <span class="name">Tomaslau</span>
                                <i class="fa fa-circle online"></i>
                            </a>
                            <span class="clearfix"></span>
                        </li>
                        <li class="list-group-item">
                            <a href="#">
                                <div class="avatar">
                                    <img src="../HTML/assets/images/users/avatar-3.jpg" alt="">
                                </div>
                                <span class="name">Stillnotdavid</span>
                                <i class="fa fa-circle online"></i>
                            </a>
                            <span class="clearfix"></span>
                        </li>
                        <li class="list-group-item">
                            <a href="#">
                                <div class="avatar">
                                    <img src="../HTML/assets/images/users/avatar-4.jpg" alt="">
                                </div>
                                <span class="name">Kurafire</span>
                                <i class="fa fa-circle online"></i>
                            </a>
                            <span class="clearfix"></span>
                        </li>
                        <li class="list-group-item">
                            <a href="#">
                                <div class="avatar">
                                    <img src="../HTML/assets/images/users/avatar-5.jpg" alt="">
                                </div>
                                <span class="name">Shahedk</span>
                                <i class="fa fa-circle away"></i>
                            </a>
                            <span class="clearfix"></span>
                        </li>
                        <li class="list-group-item">
                            <a href="#">
                                <div class="avatar">
                                    <img src="../HTML/assets/images/users/avatar-6.jpg" alt="">
                                </div>
                                <span class="name">Adhamdannaway</span>
                                <i class="fa fa-circle away"></i>
                            </a>
                            <span class="clearfix"></span>
                        </li>
                        <li class="list-group-item">
                            <a href="#">
                                <div class="avatar">
                                    <img src="../HTML/assets/images/users/avatar-7.jpg" alt="">
                                </div>
                                <span class="name">Ok</span>
                                <i class="fa fa-circle away"></i>
                            </a>
                            <span class="clearfix"></span>
                        </li>
                        <li class="list-group-item">
                            <a href="#">
                                <div class="avatar">
                                    <img src="../HTML/assets/images/users/avatar-8.jpg" alt="">
                                </div>
                                <span class="name">Arashasghari</span>
                                <i class="fa fa-circle offline"></i>
                            </a>
                            <span class="clearfix"></span>
                        </li>
                        <li class="list-group-item">
                            <a href="#">
                                <div class="avatar">
                                    <img src="../HTML/assets/images/users/avatar-9.jpg" alt="">
                                </div>
                                <span class="name">Joshaustin</span>
                                <i class="fa fa-circle offline"></i>
                            </a>
                            <span class="clearfix"></span>
                        </li>
                        <li class="list-group-item">
                            <a href="#">
                                <div class="avatar">
                                    <img src="../HTML/assets/images/users/avatar-10.jpg" alt="">
                                </div>
                                <span class="name">Sortino</span>
                                <i class="fa fa-circle offline"></i>
                            </a>
                            <span class="clearfix"></span>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- /Right-bar -->


        </div>
        <!-- END wrapper -->

        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="../HTML/assets/js/jquery.min.js"></script>
        <script src="../HTML/assets/js/bootstrap.min.js"></script>
        <script src="../HTML/assets/js/detect.js"></script>
        <script src="../HTML/assets/js/fastclick.js"></script>
        <script src="../HTML/assets/js/jquery.slimscroll.js"></script>
        <script src="../HTML/assets/js/jquery.blockUI.js"></script>
        <script src="../HTML/assets/js/waves.js"></script>
        <script src="../HTML/assets/js/wow.min.js"></script>
        <script src="../HTML/assets/js/jquery.nicescroll.js"></script>
        <script src="../HTML/assets/js/jquery.scrollTo.min.js"></script>

        <script src="assets/jquery.easing.min.js"></script>


        <script src="../HTML/assets/js/jquery.core.js"></script>
        <script src="../HTML/assets/js/jquery.app.js"></script>

        <!-- Menu Toggle Script -->
        <script>

            //jQuery for page scrolling feature - requires jQuery Easing plugin
            $(function() {
                $('#sidebar-menu ul li a').bind('click', function(event) {
                    var $anchor = $(this);
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top - 100
                    }, 1500, 'easeInOutExpo');
                    event.preventDefault();
                });
            });
        </script>
	
	</body>
</html>